/* 
    Document   : style
    Created on : Mar 23, 2011, 7:27:30 PM
    Author     : Nhan Nguyen
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
html
{
    font-size: 100.01%;
    height: 100%;
}

body
{
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    font: 12px Tahoma, Arial;
    background: url('../image/bg.jpg') top left;
}

ul li
{
    display: block;
    float: left;
}

a
{
    color:#0D8AE1;
    text-decoration:none;
    outline:0;
}

a:hover
{
    color:#0D8AE1;
    text-decoration:underline;
    outline:0;
}

img
{
    border:0;
}

img.border
{
    border:1px #ccc solid;
}

input, textarea
{
    font-size:10pt;
    padding: 4px;
    border: solid 1px #c6c6c6;
    border-bottom: solid 1px #e3e3e3;
    color: #333;
}

input, select
{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

table th, table td{
    font: 12px Tahoma, Arial;
}

table th[scope=row], table th[scope=col]{
    font-weight: bold;
    background-color: #66cccc
}

div#container ,.body_container{
    margin: auto;
    width: 100%;
    position: relative;
    float: left;
}

div#header_container{
    height: auto;
    min-height: 150px;
}

div#header_container h1{
    margin-top: 50px;
    margin-left: 250px;
    color: #324143;
}

div#header_container p{
    margin-left: 300px;
    margin-bottom: 20px;
    color: #324143;
}

div#date{
    margin-left: 180px;
}

div#date .welcome span{
    color: red;
}

/* Menu style */
div#menu_container{
    height: 80px;
    text-align: center;
    padding-left: 180px
}

/* menu styles */
#jsddm
{
    margin: 0;
    padding: 0
}

#jsddm li
{
    float: left;
    list-style: none;
}

#jsddm li a
{
    display: block;
    background: #324143;
    padding: 5px 12px;
    text-decoration: none;
    border-right: 1px solid white;
    width: 10em;
    color: #EAFFED;
    white-space: nowrap
}

#jsddm li a:hover
{	
    background: #24313C
}

#jsddm li ul
{
    margin: 0;
    padding: 0;
    position: absolute;
    visibility: hidden;
    border-top: 1px solid white
}

#jsddm li ul li
{
    float: none;
    display: inline
}

#jsddm li ul li a
{
    width: auto;
    background: #A9C251;
    color: #24313C
}

#jsddm li ul li a:hover
{	
    background: #8EA344
}
/* End menu */

div#main_container{
    height: auto !important;
    height: 450px;
    min-height: 450px;
}

div#content_container{
    float: left;
    width: 70%;
    padding-left: 20%;
}

.detailCustomer_block1,
.detailCustomer_block2,
.detailCustomer_block3{
    width: 240px;
    float: left;
}

.detailCustomer_block1 th{
    text-align: left;
}

div#sidebar_container{
    float: left;
    width: 10%;
}

/* login page */
div#login{
    padding: 5px;
    width: 250px;
    height: 100px;
    border: #324143 thin solid;
    background-color: #EAFFED;
}

div#login .div_button{
    text-align: center;
}

div#footer_container{
    height: 50px;
}

div#footer_container p{
    color: #324143;
    text-align: center
}

div#footer_container span{
    color: red
}

.div_container{
    width: 200px;
    text-align: left;
}

.div_container div{
    margin-top: 2px;
    margin-bottom: 2px;
}

.div_left{
    float: left;
    width: 50%;
    font-weight: bold;
}

.div_right{
    float: left;
    width: 50%
}

.div_right input{
    width: 150px;
}

.clear
{
    clear: both;
    overflow: hidden;
    height: 0
}